<template>
  <div class="app">
    <button @click="isShow = true">退出按钮</button>
    <!-- :visible.sync 相当于 :visible + @updata:visible -->

    <!-- 
        1. 表单元素推荐使用 v-model 简化父子组件之间的通信
        2. 非表单元素，推荐使用 :属性名.sync 简化父子组件之间的通信
    -->

    <!-- 注释掉的是另外一种方法，不是很推荐 -->
    <!-- <BaseDialog :visible.sync="isShow" v-show="isShow"></BaseDialog> -->
    <BaseDialog :visible.sync="isShow"></BaseDialog>
  </div>
</template>

<script>
import BaseDialog from "./components/BaseDialog.vue";
export default {
  data() {
    return {
      isShow: false
    };
  },
  components: {
    BaseDialog
  }
};
</script>

<style>
</style>